<template>
  <div class="main">
    <section class="section1">
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
      <a href="javascript:;">
        <div>
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
            alt=""
          />
        </div>
        <p>新品首发</p>
      </a>
    </section>
  </div>
  <!-- ============================= 新品首发 End =================================== -->
</template>

<script>
export default {}
</script>

<style lang="less">
.main {
  padding-bottom: 50px;
}
.main .section1 {
  background-color: #fff;
  padding-top: 4.5333vw;
  padding-left: 4.2667vw;
  padding-right: 4.2667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
}
.main .section1 a {
  width: 20%;
}
.main .section1 a div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: center;
  margin: 0 auto;
  width: 10.6667vw;
  height: 10.6667vw;
}
.main .section1 a div .iconfont {
  font-size: 5.3333vw;
  color: #fff;
}
.main .section1 a p {
  margin-top: 2.6667vw;
  margin-bottom: 4.5333vw;
  font-size: 3.4667vw;
}


</style>
